<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>导航</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <style>

    </style>
</head>
<body>
<div class="container" style="margin: 20px">
    <!--选项卡式导航-->
    <!--<ul class="nav nav-tabs nav-justified">-->
    <!--<li  class="active"><a href="#">主页</a></li>-->
    <!--<li><a href="#">微博</a></li>-->
    <!--<li><a href="#">图书</a></li>-->
    <!--<li><a href="#">关于我们</a></li>-->
    <!--</ul>-->
    <br/>
    <br/>
    <!--胶囊式选项卡导航-->
    <ul class="nav nav-pills nav-justified ">
    <li  class="active"><a href="#">主页</a></li>
    <li><a href="#">微博</a></li>
    <li><a href="#">图书</a></li>
    <li><a href="#">关于我们</a></li>
    </ul>


</div>


</body>
</html>